<template>
    <div class="main">
        <div class="aside">
            <Aside/>
        </div>
        <div class="other">
            <router-view></router-view>
        </div>
    </div>
</template>
    
<script setup name="homepage">
   import  Aside  from "@/views/HomePage/components/aside.vue"
    
</script>
    
<style scoped>
    .main{
        width: 100%;
        height: 98.3vh;
        background-color: rgb(255, 255, 255);
    }
    .aside{
        left: 52px;
        top: 40px;
        position: absolute;
        width: 6%;
        height: 800px;
        background: rgb(67, 97, 238);
        border-radius: 33px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 30px 0px 30px 0px;
    }
    .other{
        width: 90%;
        height: 98.3vh;
        margin-left: 10%;
        background-color: blue;
        display: flex;
        flex-direction: column;
    }
</style>
